<div id="create-modal" class="modal fade">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h3>Create And Start Container From Image</h3>
            </div>
            <div class="modal-body">
                <form role="form">
                    <accordion close-others="true">
                        <accordion-group heading="Container options" is-open="menuStatus.containerOpen">
                            <fieldset>
                                <div class="row">
                                    <div class="col-xs-6">
                                        <div class="form-group">
                                            <label>Cmd:</label>
                                            <input type="text" placeholder='["/bin/echo", "Hello world"]'
                                                   ng-model="config.Cmd" class="form-control"/>
                                            <small>Input commands as a raw string or JSON array</small>
                                        </div>
                                        <div class="form-group">
                                            <label>Entrypoint:</label>
                                            <input type="text" ng-model="config.Entrypoint" class="form-control"
                                                   placeholder="./entrypoint.sh"/>
                                        </div>
                                        <div class="form-group">
                                            <label>Name:</label>
                                            <input type="text" ng-model="config.name" class="form-control"/>
                                        </div>
                                        <div class="form-group">
                                            <label>Hostname:</label>
                                            <input type="text" ng-model="config.Hostname" class="form-control"/>
                                        </div>
                                        <div class="form-group">
                                            <label>Domainname:</label>
                                            <input type="text" ng-model="config.Domainname" class="form-control"/>
                                        </div>
                                        <div class="form-group">
                                            <label>User:</label>
                                            <input type="text" ng-model="config.User" class="form-control"/>
                                        </div>
                                        <div class="form-group">
                                            <label>Memory:</label>
                                            <input type="number" ng-model="config.Memory" class="form-control"/>
                                        </div>
                                        <div class="form-group">
                                            <label>Volumes:</label>

                                            <div ng-repeat="volume in config.Volumes">
                                                <div class="form-group form-inline">
                                                    <input type="text" ng-model="volume.name" class="form-control"
                                                           placeholder="/var/data"/>
                                                    <button type="button" class="btn btn-danger btn-sm"
                                                            ng-click="rmEntry(config.Volumes, volume)">Remove
                                                    </button>
                                                </div>
                                            </div>
                                            <button type="button" class="btn btn-success btn-sm"
                                                    ng-click="addEntry(config.Volumes, {name: ''})">Add Volume
                                            </button>
                                        </div>
                                    </div>
                                    <div class="col-xs-6">
                                        <div class="form-group">
                                            <label>MemorySwap:</label>
                                            <input type="number" ng-model="config.MemorySwap" class="form-control"/>
                                        </div>
                                        <div class="form-group">
                                            <label>CpuShares:</label>
                                            <input type="number" ng-model="config.CpuShares" class="form-control"/>
                                        </div>
                                        <div class="form-group">
                                            <label>Cpuset:</label>
                                            <input type="text" ng-model="config.Cpuset" class="form-control"
                                                   placeholder="1,2"/>
                                            <small>Input as comma-separated list of numbers</small>
                                        </div>
                                        <div class="form-group">
                                            <label>WorkingDir:</label>
                                            <input type="text" ng-model="config.WorkingDir" class="form-control"
                                                   placeholder="/app"/>
                                        </div>
                                        <div class="form-group">
                                            <label>MacAddress:</label>
                                            <input type="text" ng-model="config.MacAddress" class="form-control"
                                                   placeholder="12:34:56:78:9a:bc"/>
                                        </div>
                                        <div class="form-group">
                                            <label for="networkDisabled">NetworkDisabled:</label>
                                            <input id="networkDisabled" type="checkbox"
                                                   ng-model="config.NetworkDisabled"/>
                                        </div>
                                        <div class="form-group">
                                            <label for="tty">Tty:</label>
                                            <input id="tty" type="checkbox" ng-model="config.Tty"/>
                                        </div>
                                        <div class="form-group">
                                            <label for="openStdin">OpenStdin:</label>
                                            <input id="openStdin" type="checkbox" ng-model="config.OpenStdin"/>
                                        </div>
                                        <div class="form-group">
                                            <label for="stdinOnce">StdinOnce:</label>
                                            <input id="stdinOnce" type="checkbox" ng-model="config.StdinOnce"/>
                                        </div>
                                        <div class="form-group">
                                            <label>SecurityOpts:</label>

                                            <div ng-repeat="opt in config.SecurityOpts">
                                                <div class="form-group form-inline">
                                                    <input type="text" ng-model="opt.name" class="form-control"
                                                           placeholder="label:type:svirt_apache"/>
                                                    <button type="button" class="btn btn-danger btn-sm"
                                                            ng-click="rmEntry(config.SecurityOpts, opt)">Remove
                                                    </button>
                                                </div>
                                            </div>
                                            <button type="button" class="btn btn-success btn-sm"
                                                    ng-click="addEntry(config.SecurityOpts, {name: ''})">Add Option
                                            </button>
                                        </div>
                                    </div>
                                </div>
                                <hr>
                                <div class="form-group">
                                    <label>Env:</label>

                                    <div ng-repeat="envar in config.Env">
                                        <div class="form-group form-inline">
                                            <div class="form-group">
                                                <label class="sr-only">Variable Name:</label>
                                                <input type="text" ng-model="envar.name" class="form-control"
                                                       placeholder="NAME"/>
                                            </div>
                                            <div class="form-group">
                                                <label class="sr-only">Variable Value:</label>
                                                <input type="text" ng-model="envar.value" class="form-control"
                                                       placeholder="value"/>
                                            </div>
                                            <div class="form-group">
                                                <button class="btn btn-danger btn-xs form-control"
                                                        ng-click="rmEntry(config.Env, envar)">Remove
                                                </button>
                                            </div>
                                        </div>
                                    </div>
                                    <button type="button" class="btn btn-success btn-sm"
                                            ng-click="addEntry(config.Env, {name: '', value: ''})">Add environment
                                        variable
                                    </button>
                                </div>
                                <div class="form-group">
                                    <label>Labels:</label>

                                    <div ng-repeat="label in config.Labels">
                                        <div class="form-group form-inline">
                                            <div class="form-group">
                                                <label class="sr-only">Key:</label>
                                                <input type="text" ng-model="label.key" class="form-control"
                                                       placeholder="key"/>
                                            </div>
                                            <div class="form-group">
                                                <label class="sr-only">Value:</label>
                                                <input type="text" ng-model="label.value" class="form-control"
                                                       placeholder="value"/>
                                            </div>
                                            <div class="form-group">
                                                <button class="btn btn-danger btn-xs form-control"
                                                        ng-click="rmEntry(config.Labels, label)">Remove
                                                </button>
                                            </div>
                                        </div>
                                    </div>
                                    <button type="button" class="btn btn-success btn-sm"
                                            ng-click="addEntry(config.Labels, {key: '', value: ''})">Add Label
                                    </button>
                                </div>
                            </fieldset>
                        </accordion-group>
                        <accordion-group heading="HostConfig options" is-open="menuStatus.hostConfigOpen">
                            <fieldset>
                                <div class="row">
                                    <div class="col-xs-6">
                                        <div class="form-group">
                                            <label>Binds:</label>

                                            <div ng-repeat="bind in config.HostConfig.Binds">
                                                <div class="form-group form-inline">
                                                    <input type="text" ng-model="bind.name" class="form-control"
                                                           placeholder="/host:/container"/>
                                                    <button type="button" class="btn btn-danger btn-sm"
                                                            ng-click="rmEntry(config.HostConfig.Binds, bind)">Remove
                                                    </button>
                                                </div>
                                            </div>
                                            <button type="button" class="btn btn-success btn-sm"
                                                    ng-click="addEntry(config.HostConfig.Binds, {name: ''})">Add Bind
                                            </button>
                                        </div>
                                        <div class="form-group">
                                            <label>Links:</label>

                                            <div ng-repeat="link in config.HostConfig.Links">
                                                <div class="form-group form-inline">
                                                    <input type="text" ng-model="link.name" class="form-control"
                                                           placeholder="web:db">
                                                    <button type="button" class="btn btn-danger btn-sm"
                                                            ng-click="rmEntry(config.HostConfig.Links, link)">Remove
                                                    </button>
                                                </div>
                                            </div>
                                            <button type="button" class="btn btn-success btn-sm"
                                                    ng-click="addEntry(config.HostConfig.Links, {name: ''})">Add Link
                                            </button>
                                        </div>
                                        <div class="form-group">
                                            <label>Dns:</label>

                                            <div ng-repeat="entry in config.HostConfig.Dns">
                                                <div class="form-group form-inline">
                                                    <input type="text" ng-model="entry.name" class="form-control"
                                                           placeholder="8.8.8.8"/>
                                                    <button type="button" class="btn btn-danger btn-sm"
                                                            ng-click="rmEntry(config.HostConfig.Dns, entry)">Remove
                                                    </button>
                                                </div>
                                            </div>
                                            <button type="button" class="btn btn-success btn-sm"
                                                    ng-click="addEntry(config.HostConfig.Dns, {name: ''})">Add entry
                                            </button>
                                        </div>
                                        <div class="form-group">
                                            <label>DnsSearch:</label>

                                            <div ng-repeat="entry in config.HostConfig.DnsSearch">
                                                <div class="form-group form-inline">
                                                    <input type="text" ng-model="entry.name" class="form-control"
                                                           placeholder="example.com"/>
                                                    <button type="button" class="btn btn-danger btn-sm"
                                                            ng-click="rmEntry(config.HostConfig.DnsSearch, entry)">
                                                        Remove
                                                    </button>
                                                </div>
                                            </div>
                                            <button type="button" class="btn btn-success btn-sm"
                                                    ng-click="addEntry(config.HostConfig.DnsSearch, {name: ''})">Add
                                                entry
                                            </button>
                                        </div>
                                        <div class="form-group">
                                            <label>CapAdd:</label>

                                            <div ng-repeat="entry in config.HostConfig.CapAdd">
                                                <div class="form-group form-inline">
                                                    <input type="text" ng-model="entry.name" class="form-control"
                                                           placeholder="cap_sys_admin"/>
                                                    <button type="button" class="btn btn-danger btn-sm"
                                                            ng-click="rmEntry(config.HostConfig.CapAdd, entry)">Remove
                                                    </button>
                                                </div>
                                            </div>
                                            <button type="button" class="btn btn-success btn-sm"
                                                    ng-click="addEntry(config.HostConfig.CapAdd, {name: ''})">Add entry
                                            </button>
                                        </div>
                                        <div class="form-group">
                                            <label>CapDrop:</label>

                                            <div ng-repeat="entry in config.HostConfig.CapDrop">
                                                <div class="form-group form-inline">
                                                    <input type="text" ng-model="entry.name" class="form-control"
                                                           placeholder="cap_sys_admin"/>
                                                    <button type="button" class="btn btn-danger btn-sm"
                                                            ng-click="rmEntry(config.HostConfig.CapDrop, entry)">Remove
                                                    </button>
                                                </div>
                                            </div>
                                            <button type="button" class="btn btn-success btn-sm"
                                                    ng-click="addEntry(config.HostConfig.CapDrop, {name: ''})">Add entry
                                            </button>
                                        </div>
                                    </div>
                                    <div class="col-xs-6">
                                        <div class="form-group">
                                            <label>NetworkMode:</label>
                                            <input type="text" ng-model="config.HostConfig.NetworkMode"
                                                   class="form-control" placeholder="bridge"/>
                                        </div>
                                        <div class="form-group">
                                            <label for="publishAllPorts">PublishAllPorts:</label>
                                            <input id="publishAllPorts" type="checkbox"
                                                   ng-model="config.HostConfig.PublishAllPorts"/>
                                        </div>
                                        <div class="form-group">
                                            <label for="privileged">Privileged:</label>
                                            <input id="privileged" type="checkbox"
                                                   ng-model="config.HostConfig.Privileged"/>
                                        </div>
                                        <div class="form-group">
                                            <label>VolumesFrom:</label>

                                            <div ng-repeat="volume in config.HostConfig.VolumesFrom">
                                                <div class="form-group form-inline">
                                                    <select ng-model="volume.name"
                                                            ng-options="name for name in containerNames track by name"
                                                            class="form-control">
                                                    </select>
                                                    <button class="btn btn-danger btn-xs form-control"
                                                            ng-click="rmEntry(config.HostConfig.VolumesFrom, volume)">
                                                        Remove
                                                    </button>
                                                </div>
                                            </div>
                                            <button type="button" class="btn btn-success btn-sm"
                                                    ng-click="addEntry(config.HostConfig.VolumesFrom, {name: ''})">Add
                                                volume
                                            </button>
                                        </div>

                                        <div class="form-group">
                                            <label>RestartPolicy:</label>
                                            <select ng-model="config.HostConfig.RestartPolicy.name">
                                                <option value="">disabled</option>
                                                <option value="always">always</option>
                                                <option value="on-failure">on-failure</option>
                                                <option value="unless-stopped">unless-stopped</option>
                                            </select>
                                            <label>MaximumRetryCount:</label>
                                            <input type="number"
                                                   ng-model="config.HostConfig.RestartPolicy.MaximumRetryCount"/>
                                        </div>
                                    </div>
                                </div>
                                <hr>
                                <div class="form-group">
                                    <label>ExtraHosts:</label>

                                    <div ng-repeat="entry in config.HostConfig.ExtraHosts">
                                        <div class="form-group form-inline">
                                            <div class="form-group">
                                                <label class="sr-only">Hostname:</label>
                                                <input type="text" ng-model="entry.host" class="form-control"
                                                       placeholder="hostname"/>
                                            </div>
                                            <div class="form-group">
                                                <label class="sr-only">IP Address:</label>
                                                <input type="text" ng-model="entry.ip" class="form-control"
                                                       placeholder="127.0.0.1"/>
                                            </div>
                                            <div class="form-group">
                                                <button class="btn btn-danger btn-xs form-control"
                                                        ng-click="rmEntry(config.HostConfig.ExtraHosts, entry)">Remove
                                                </button>
                                            </div>
                                        </div>
                                    </div>
                                    <button type="button" class="btn btn-success btn-sm"
                                            ng-click="addEntry(config.HostConfig.ExtraHosts, {host: '', ip: ''})">Add
                                        extra host
                                    </button>
                                </div>
                                <div class="form-group">
                                    <label>LxcConf:</label>

                                    <div ng-repeat="entry in config.HostConfig.LxcConf">
                                        <div class="form-group form-inline">
                                            <div class="form-group">
                                                <label class="sr-only">Name:</label>
                                                <input type="text" ng-model="entry.name" class="form-control"
                                                       placeholder="lxc.utsname"/>
                                            </div>
                                            <div class="form-group">
                                                <label class="sr-only">Value:</label>
                                                <input type="text" ng-model="entry.value" class="form-control"
                                                       placeholder="docker"/>
                                            </div>
                                            <div class="form-group">
                                                <button class="btn btn-danger btn-xs form-control"
                                                        ng-click="rmEntry(config.HostConfig.LxcConf, entry)">Remove
                                                </button>
                                            </div>
                                        </div>
                                    </div>
                                    <button type="button" class="btn btn-success btn-sm"
                                            ng-click="addEntry(config.HostConfig.LxcConf, {name: '', value: ''})">Add
                                        Entry
                                    </button>
                                </div>
                                <div class="form-group">
                                    <label>Devices:</label>

                                    <div ng-repeat="device in config.HostConfig.Devices">
                                        <div class="form-group form-inline inline-four">
                                            <label class="sr-only">PathOnHost:</label>
                                            <input type="text" ng-model="device.PathOnHost" class="form-control"
                                                   placeholder="PathOnHost"/>
                                            <label class="sr-only">PathInContainer:</label>
                                            <input type="text" ng-model="device.PathInContainer" class="form-control"
                                                   placeholder="PathInContainer"/>
                                            <label class="sr-only">CgroupPermissions:</label>
                                            <input type="text" ng-model="device.CgroupPermissions" class="form-control"
                                                   placeholder="CgroupPermissions"/>
                                            <button class="btn btn-danger btn-xs form-control"
                                                    ng-click="rmEntry(config.HostConfig.Devices, device)">Remove
                                            </button>
                                        </div>
                                    </div>
                                    <button type="button" class="btn btn-success btn-sm"
                                            ng-click="addEntry(config.HostConfig.Devices, { PathOnHost: '', PathInContainer: '', CgroupPermissions: ''})">
                                        Add Device
                                    </button>
                                </div>
                                <div class="form-group">
                                    <label>PortBindings:</label>

                                    <div ng-repeat="portBinding in config.HostConfig.PortBindings">
                                        <div class="form-group form-inline inline-four">
                                            <label class="sr-only">Host IP:</label>
                                            <input type="text" ng-model="portBinding.ip" class="form-control"
                                                   placeholder="Host IP Address"/>
                                            <label class="sr-only">Host Port:</label>
                                            <input type="text" ng-model="portBinding.extPort" class="form-control"
                                                   placeholder="Host Port"/>
                                            <label class="sr-only">Container port:</label>
                                            <input type="text" ng-model="portBinding.intPort" class="form-control"
                                                   placeholder="Container Port"/>
                                            <select ng-model="portBinding.protocol">
                                                <option value="">tcp</option>
                                                <option value="udp">udp</option>
                                            </select>
                                            <button class="btn btn-danger btn-xs form-control"
                                                    ng-click="rmEntry(config.HostConfig.PortBindings, portBinding)">
                                                Remove
                                            </button>
                                        </div>
                                    </div>
                                    <button type="button" class="btn btn-success btn-sm"
                                            ng-click="addEntry(config.HostConfig.PortBindings, {ip: '', extPort: '', intPort: ''})">
                                        Add Port Binding
                                    </button>
                                </div>
                            </fieldset>
                        </accordion-group>
                    </accordion>
                </form>
            </div>
            <div class="modal-footer">
                <a href="" class="btn btn-primary btn-lg" ng-click="create()">Create</a>
            </div>
        </div>
    </div>
</div>
